<template>
  <div class="home">
    <!-- <Parent></Parent>
    <CustomParent></CustomParent> -->
    <!-- <ComputedType></ComputedType> -->
    <!-- <ClickEvent></ClickEvent> -->
    <RefGetChild></RefGetChild>
    HOME:<input type="text" @input="change">

  </div>
</template>

<script lang="ts">
import Parent from '@/components/morning/Parent.vue';
import { defineComponent } from 'vue';
import CustomParent from '@/components/morning/CustomParent.vue';
import ComputedType from "../components/afternoon/computed+ts/index.vue"
import ClickEvent from "../components/afternoon/ClickEvent.vue/index.vue"
import RefGetChild from "../components/afternoon/RefGetChild.vue/index.vue"



export default defineComponent({

  name: 'HomeView',
  setup() {
    const change = () => {
      console.log(888)
    }
    return { change }
  },
  components: {
    Parent,
    CustomParent,
    ComputedType,
    ClickEvent,
    RefGetChild
  },
});
</script>
